$(function () {
    // 1- 表单校验功能
    //  规则：
    //  1- 用户名和密码非空！
    //  2- 用户名长度2-6位
    //  3- 密码长度6-12位！

    $('.login-form').bootstrapValidator({

        //1-指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
        // 插件会默认不校验 不可用 和不可见的表单
        excluded: [':disabled', ':hidden', ':not(:visible)'],

        //2- 指定校验时的图标显示，默认是bootstrap风格
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },

        // 3-指定要校验的数据(字段)
        fields: {
            //表单校验插件 根据name属性进行校验
            username: {
                // 校验规则
                validators: {
                    // 非空：
                    notEmpty: {
                        // 提示消息
                        message: '用户名不能为空！'
                    },
                    // 长度2-6位
                    stringLength: {
                        min: 2, // 最小长度
                        max: 6, // 最大长度
                        message: '用户名必须2-6位！'
                    },
                    // 拓展提示信息
                    callback: {
                        message: '用户名错误！'
                    }
                }
            },
            password: {
                // 校验规则
                validators: {
                    // 非空：
                    notEmpty: {
                        // 提示消息
                        message: '密码不能为空！'
                    },
                    // 长度6-12位
                    stringLength: {
                        min: 6, // 最小长度
                        max: 12, // 最大长度
                        message: '密码长度必须是6-12！'
                    },
                    // 拓展一个提示信息
                    callback: {
                        message: '密码错误！'
                    }
                }
            }
        }
    });

    // 2- 重置表单校验样式
    $('.btn-reset').click(function () {
        $('.login-form').data('bootstrapValidator').resetForm(); //重置表单校验样式
    });

    // 3- 用户登录
    // 1- 点击登陆按钮，获取输入用户名和密码 ， 在表单数据合理的情况下，发送数据给后台
    // 2- 接收后台返回登陆结果
    //   登录成功： 进行后台系统的首页
    //   登录失败： 提示错误信息， 重新登录

    // 点击登陆按钮，获取输入用户名和密码 ， 在表单数据合理的情况下，发送数据给后台
    // $('.btn-login').click(function () {
    //   // 获取输入用户名和密码
    //   if (数据合理) {
    //
    //   }
    // })

    // 表单校验插件， 提供了 success.form.bv 事件, 在 用户点击提交按钮，并且数据合理的情况下触发
    $('.login-form').on('success.form.bv', function (e) {
        // 阻止submit的的默认行为， 阻止页面刷新
        e.preventDefault();
        // 把用户信息发送给后台，进行登陆校验
        $.ajax({
            url: '/user/login', // 设置请求路径
            type: "post", // 设置ajax请求方式
          //  data: JSON.stringify($('.login-form').serialize()),// 设置请求携带的参数
            data:'{"username":"hyy","password":123456}',
            // 设置请求参数的mime类型
            contentType:'application/json;charset=utf-8',
            success: function (res) { // 执行成功后的回调函数
                //alert(data+" : "+data.name+" : "+data.money);
                console.log(res);
                console.log(res.flag)
                console.log(res.data.flag)
                if(res.flag){
                    // 登录成功 ，跳转到首页
                    location.href = '../indexmain.html';
                }else{
                    //新增失败，提示错误信息
                    this.$message.error(res.data.message);
                }
            },
            dataType: "json" // 设置返回值的类型,默认值text
        });
     /*   $.ajax({
            url: '/user/login',
            type: "post", // 设置ajax请求方式
         /!*   contentType: "application/json",*!/
            data: $('.login-form').serialize(),
        /!*    dataType: 'json',*!/
            contentType:'application/json;charset=utf-8',
            success: function (res) {
                console.log(res);
                // 处理登录结果
                // 登录成功： 进入后台系统的首页
                if (res.data.flag) {
                    // 登录成功 ，跳转到首页
                    location.href = '../indexmain.html';
                }
                // 登录失败： 提示错误信息， 重新登录
                if (res.error == 1000) {
                    // 在用户登录失败后，将对应表单的校验状态 改为失败的状态
                    $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
                }

                if (res.error == 1001) {
                    // 在用户登录失败后，将对应表单的校验状态 改为失败的状态
                    $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');
                }
            }
        })*/
    })

});

